import React from 'react';
import {Spin} from 'antd';
import NProgress from 'nprogress'

/**
 * 个性化的属性
 */
// export interface PageLoadingProps {
//     // /**
//     //  * 你的个性化属性
//     //  */
//     // tt?: string
// }

// export default class PageLoading extends React.Component<SpinProps & PageLoadingProps> {
export default class PageLoading extends React.Component {
    /**
     * NProgress对象未知是哪个上下文所有
     */
    componentDidMount() {
        if ('undefined' !== typeof NProgress) {
            NProgress.start();
            NProgress.set(0.3);
            // NProgress.set(30000000);
        }
    }

    componentWillUnmount() {
        if ('undefined' !== typeof NProgress) {
            NProgress.done();
        }
    }

    render() {
        return (
            <div className={'page-loading'} style={{paddingTop: 100, textAlign: 'center'}}>
                <Spin {...this.props} />
            </div>
        );
    }
}
